/*Generated by wjdhcms 3.0 */
@charset "utf-8";
::-webkit-scrollbar {
width: 8px;
height: 8px;
background-color: #F5F5F5;
}
::-webkit-scrollbar-track {
border-radius: 10px;
background-color: #E2E2E2;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
background-color: #555;
}
::selection {
background-color: #014fa1;
color: #fff;
}
::-moz-selection {
background-color: #014fa1;
color: #fff;
}
::-webkit-selection {
background-color: #014fa1;
color: #fff;
}
* {
padding: 0;
margin: 0;
font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;
}
body {
font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;
color: #333;
margin: 0;
line-height: 1.5;
}
:focus {
outline: 1;
}
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
display: block;
}
a {
color: #333;
text-decoration: none;
}
a:link,
a:hover,
a:active,
a:visited {
text-decoration: none;
}
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
input,
select {
vertical-align: middle;
}
li,
ul {
list-style-type: none;
}
img {
border: none;
}
input,
textarea {
outline: 0;
border: 0;
}
textarea {
resize: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
dt,
i,
em {
font-weight: normal;
font-style: normal;
}
.fixedNav {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
z-index: 100000;
_position: absolute;
_top: expression(eval(document.documentElement.scrollTop));
}
.clear {
clear: both;
}
.left {
float: left;
}
.right {
float: right;
}
.between {
width: 1200px;
margin: 0 auto;
}
.between-1 {
width: 1200px;
margin: 0 auto;
position: relative;
}
/*header*/
.web_header_hh {
width: 100%;
height: 164px;
}
.web_header {
width: 1200px;
margin: 0 auto;
position: relative;
}
.web_hh_t {
line-height: 40px;
height: 40px;
background: #f8f8f8;
}
.web_hh_t h6 {
float: left;
font-size: 14px;
color: #666;
}
.web_hh_t .web_h_R {
float: right
}
.web_hh_t .web_h_R a {
color: #666;
font-size: 14px;
display: block;
float: left;
margin-left: 20px;
}
.web_hh_t .web_h_R img {
margin: 13px 5px 0 0;
display: block;
float: left;
}
.web_header .web_hh_b {
margin-top: 14px;
}
.web_hh_b .web_hh_logo {
float: left;
}
.web_hh_b .web_hh_logo a {
display: block;
font-size: 60px;
color: #333;
font-weight: bold;
letter-spacing: 9px;
line-height: 1.2;
}
.web_hh_b .web_hh_logo a i {
color: #014fa1;
font-style: normal;
font-weight: bold;
}
.web_hh_b .web_hh_logo span {
font-size: 24px;
color: #999;
letter-spacing: 15px;
display: block;
line-height: 1;
}
.hh_text {
border-left: 1px solid #ededed;
height: 0px;
padding-left: 20px;
margin: 00px 0 0 20px;
width: 275px;
position: absolute;
top: 0;
right: -12px;
position: absolute;
top: 43px;
}
.hh_text b {
font-size: 21px;
color: #666;
margin-bottom: 5px;
}
.hh_text p {
font-size: 18px;
color: #333;
}
.hh_text p span {
color: #014fa1;
}
.web_hh_b .web_hh_tell {
float: right;
width: 22%;
background: url("../images/header_p.png") no-repeat 0 10px;
padding-left: 70px;
height: 57px;
display: flex;
align-items: center;
position: absolute;
top: -10px;
right: 0;
}
.web_hh_b .web_hh_tell p {
font-size: 20px;
color: #333;
float: left;
margin-top: 4px;
}
.web_hh_b .web_hh_tell h6 {
font-size: 30px;
color: #014fa1;
font-family: Impact;
float: left;
}
.topxunpan {
width: 200px;
height: 40px;
float: left;
background: url("../images/you.png") no-repeat 20px 14px;
padding-left: 25px;
}
.topxunpan .xp {
position: relative;
line-height: 40px;
color: #666;
font-size: 14px;
cursor: pointer;
text-align: center;
}
.topxunpan .xp img {
position: relative;
top: 2px;
margin-right: 2px;
}
.topxunpan .xp i {
color: #fff;
padding: 1px 6px;
background-color: #014fa1;
border-radius: 4px;
}
.topxunpan .xp #xunpantip {
z-index: 999;
position: absolute;
top: 35px;
left: 50%;
width: 180px;
height: 30px;
line-height: 30px;
text-align: center;
color: #fff;
font-size: 14px;
-webkit-transform: translateX(-50%) scale(0);
-moz-transform: translateX(-50%) scale(0);
-o-transform: translateX(-50%) scale(0);
-ms-transform: translateX(-50%) scale(0);
transform: translateX(-50%) scale(0);
-webkit-transition: transform .4s, opacity .4s;
-moz-transition: transform .4s, opacity .4s;
-o-transition: transform .4s, opacity .4s;
-ms-transition: transform .4s, opacity .4s;
transition: transform .4s, opacity .4s;
background-color: #014fa1;
border-radius: 4px;
opacity: 0;
font-weight: bold;
box-shadow: 5px 5px 2px #dfdfdf;
}
.topxunpan .xp #xunpantip::after {
content: '';
position: absolute;
top: -16px;
left: 50%;
width: 0;
height: 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
border: 8px solid transparent;
border-bottom-color: #014fa1;
}
.topxunpan .xp #xunpantip.xunpantextactive {
-webkit-transform: translateX(-50%) scale(1);
-moz-transform: translateX(-50%) scale(1);
-o-transform: translateX(-50%) scale(1);
-ms-transform: translateX(-50%) scale(1);
transform: translateX(-50%) scale(1);
opacity: 1;
}
/*nav*/
.nav {
height: 50px;
background: #014fa1;
}
.nav .center {
width: 1200px;
margin: 0 auto;
}
.nav .center .navs {
height: 50px;
/*padding-top: 10px;*/
}
.nav .center .navs .another>a {
color: white;
background-color: #e77830;
}
.nav .center .navs>li {
float: left;
height: 50px;
transition: 0.5s;
position: relative;
}
.nav .center .navs>li:hover>.down {
opacity: 1;
}
.nav .center .navs>li:hover>.down>i {
height: 40px;
border-bottom: 1px solid white;
}
.nav .center .navs>li:hover>.down>i>a {
height: 40px;
line-height: 40px;
font-size: 16px;
}
.nav .center .navs>li>.down {
position: absolute;
width: 130px;
top: 50px;
left: 0px;
opacity: 0;
z-index: 66666;
}
.nav .center .navs>li>.down>i {
height: 0px;
display: block;
background: #dcdcdc;
position: relative;
transition: 0.5s;
}
.nav .center .navs>li>.down>i>a {
height: 0px;
line-height: 0px;
font-size: 0px;
display: block;
color: black;
text-align: center;
background: linear-gradient(to right, #e77830, #e77830) no-repeat;
background-size: 0% 100%;
transition: 0.5s;
padding: 0px;
border-radius: 0%;
}
.nav .center .navs>li>.down>i>a:hover {
background: linear-gradient(to right, #e77830, #e77830) no-repeat;
background-size: 100% 100%;
color: white;
}
.nav .center .navs>li>.down>i:hover>.down_ {
width: 100%;
opacity: 1;
}
.nav .center .navs>li>.down>i:hover>.down_>i {
height: 40px;
border-left: 1px solid white;
border-bottom: 1px solid white;
}
.nav .center .navs>li>.down>i:hover>.down_>i>a {
font-size: 16px;
line-height: 40px;
}
.nav .center .navs>li>.down>i>.down_ {
width: 0%;
position: absolute;
left: 130px;
top: 0px;
transition: 0.5s;
opacity: 0;
}
.nav .center .navs>li>.down>i>.down_>i {
font-size: 16px;
height: 0px;
display: block;
background: #dcdcdc;
transition: 0.5s;
position: relative;
}
.nav .center .navs>li>.down>i>.down_>i>a {
line-height: 0px;
font-size: 0px;
display: block;
color: black;
text-align: center;
background: linear-gradient(to right, #e77830, #e77830) no-repeat;
background-size: 0% 100%;
transition: 0.5s;
padding: 0px;
border-radius: 0%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.nav .center .navs>li>.down>i>.down_>i>a:hover {
background: linear-gradient(to right, #e77830, #e77830) no-repeat;
background-size: 100% 100%;
color: white;
}
.nav .center .navs>li:hover>a {
color: white;
background-color: #e77830;
}
.nav .center .navs>li>a {
padding: 0 34px;
display: block;
height: 50px;
font-size: 15px;
font-weight: normal;
letter-spacing: 0px;
transition: 0.5s;
color: #fff;
line-height: 50px;
/*border-radius: 25px;*/
}
.subnav {
width: 100%;
overflow: hidden;
position: absolute;
top: 50px;
left: 0;
z-index: 100;
display: none;
border-radius: 0 0 40% 40%;
-moz-box-shadow: 0 3px 3px 0px #eee;
-webkit-box-shadow: 0 3px 3px 0px #eee;
box-shadow: 0 3px 3px 0px #eee;
background: rgba(255, 255, 255, 0.5);
}
.subnav_title {
line-height: 34px;
font-size: 20px;
color: #333;
font-weight: bolder;
margin-top: 10px;
}
.clientele_nav1 a {
font-size: 14px;
color: #e77830;
}
.clientele_nav1 a i {
display: inline-block;
*display: inline;
*zoom: 1;
width: 25px;
transition: 0.5s;
height: 25px;
margin-right: 10px;
position: relative;
top: 5px;
}
.clientele_nav1 .con {
margin-bottom: 22px;
transition: 0.5s;
}
.subnav_list1 {
width: 275px;
float: left;
margin-right: 20px;
}
.subnav_list .subnav_list1 li {
width: 100%;
margin-right: 0;
}
.subnav_listw .subnav_list1 li {
width: 100%;
margin-right: 0;
}
.pro_subnav1 {
width: 225px;
float: left;
padding-left: 40px;
overflow: hidden;
}
.navs .pro_subnav1 li {
position: relative;
border-right: 1px solid #eee;
}
.navs .pro_subnav1 li a {
line-height: 27px;
display: block;
width: 160px;
font-size: 13px;
color: #666;
padding: 11px 0 9px 0;
border-bottom: 1px solid #e1e1e1;
transition: 0.5s;
}
.navs .pro_subnav1 li.on a,
.navs .pro_subnav1 li:hover a {
color: #e77830;
font-weight: bolder;
border-bottom: 3px solid #e77830;
}
.navs .pro_subnav1 li.on i {
display: block;
}
.navs .pro_subnav1 i {
display: block;
width: 8px;
height: 14px;
position: absolute;
right: -1px;
top: 50%;
margin-top: -7px;
display: none;
}
.pro_subnav2 ul {
display: none;
}
.pro_subnav2 ul:first-of-type {
display: block;
}
.pro_subnav2 {
width: 240px;
margin-right: 80px;
float: left;
height: 100%;
padding-top: 20px;
border-right: #eee 1px solid;
}
.pro_subnav2 ul li {
padding: 11px 0 10px 0px;
line-height: 27px;
width: 150px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.pro_subnav2 ul li a {
font-size: 13px;
color: #e77830;
transition: 0.5s;
}
.pro_subnav2 ul li a:hover {
font-size: 14px;
color: #e77830;
font-weight: bolder;
}
.pro_subnav3 {
width: 557px;
float: left;
}
.pro_subnav3 .subnav_title {
margin: 15px 0 15px 0;
}
.pro_subnav3_path {
display: block;
border-bottom: 1px solid #eee;
padding-bottom: 13px;
overflow: hidden;
}
.pro_subnav3_path img {
width: 150px;
margin: 20px 27px 0 0;
float: left;
}
.pro_subnav3_path_r {
width: 330px;
padding-right: 6%;
float: left;
}
.pro_subnav3_path .title {
margin: 15px 0 8px 0;
line-height: 29px;
font-size: 16px;
color: #333;
}
.pro_subnav3_path:hover .title {
color: #e77830;
}
.pro_subnav3_path .con {
line-height: 26px;
font-size: 13px;
color: #666;
text-align: left;
}
.pro_subnav3_path .arrowR {
border-top: 5px solid transparent;
border-left: 5px solid #e77830;
border-bottom: 5px solid transparent;
margin-left: 10px;
display: inline-block;
*display: inline;
*zoom: 1;
width: 0;
height: 0;
}
.pro_subnav2 .arrowR {
border-top: 5px solid transparent;
border-left: 5px solid #e77830;
border-bottom: 5px solid transparent;
margin-left: 10px;
display: inline-block;
*display: inline;
*zoom: 1;
width: 0;
height: 0;
margin-right: 20px;
transition: 0.5s;
}
.pro_subnav {
overflow: hidden;
width: 1200px;
margin: 0 auto;
padding-top: 20px;
padding-bottom: 40px;
background: white;
}
/*foot*/
.web_foot {
width: 100%;
background: #333;
}
.foot {
width: 1200px;
margin: 0 auto;
}
.foot_t {
padding-bottom: 66px
}
.foot-a {
width: 165px;
margin-right: 45px;
border-right: 1px solid #858585;
height: 211px;
}
.foot-a,
.footR {
margin-top: 35px;
}
.foot-a p {
font-size: 16px;
color: #fff;
margin-bottom: 15px;
letter-spacing: 1px;
font-weight: bold;
}
.foot-a p span {
font-size: 24px;
}
.foot-a li a {
font-size: 14px;
color: #ddd;
display: block;
line-height: 34px;
transition: all .6s;
}
.foot-a li:hover a {
color: #f07905;
}
.footR {
width: 350px;
}
.footR p {
font-size: 14px;
color: #f07905;
}
.footR h3 {
font-family: Impact;
font-size: 32px;
letter-spacing: 1px;
color: #f07905;
}
.footR .inF h6:first-child {
border-bottom: 1px solid #858585;
margin-bottom: 40px;
}
.footR .inF h6 {
font-size: 14px;
color: #fff;
line-height: 34px;
}
.foot_boot {
width: 100%;
height: 60px;
border-top: 1px solid #858585;
box-sizing: border-box;
line-height: 59px;
color: #fff;
font-size: 14px;
}
.foot_boot p a {
color: #fff;
margin: 10px;
}